import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './quickpay.css'
import { AtList, AtListItem,AtCurtain,AtButton } from "taro-ui"
import {$navigateTo} from '../../../global'
import app from '../../../main.js'
export default class QuickPay extends Component {

  config = {
    navigationBarTitleText: '支付费用'
  }
  constructor () {
    super(...arguments)
    this.state = {
      isOpened: false,
    }
  }
  handleChange () {
    this.setState({
      isOpened: true
    })
  }
  onClose () {
    this.setState({
      isOpened: false
    })
  }
  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className='quick-pay'>
        <AtList hasBorder={false}>
        <AtListItem className='list' title='医生姓名' extraText='刘新宇 主治医生' hasBorder={false} />
        <AtListItem className='list' title='订单名称' extraText='快速问诊' hasBorder={false} />
        <AtListItem className='list' title='总价' extraText='￥300' hasBorder={false} />
        <AtListItem className='list list-s' title='优惠券' extraText='未使用' hasBorder={false} arrow='right'/>
        <AtListItem className='' title='问诊说明' hasBorder={false} />
        </AtList>   
      <View className='tips'>
      在线健康咨询服务协议和隐私
      <View className='tip-text'>1、在线健康咨询服务协议和隐私在线健康咨询服务</View>
      <View className='tip-text'>2、在线健康咨询服务协议和隐私在线健</View>
      <View className='tip-text'>3、在线健康咨询服务协议和隐私在线健康咨询服务</View>
      <View className='tip-text'>4、在线健康咨询服务协议和隐私在线健康咨询服</View>
      </View>
      <View className='blank-box'></View>
      <View className='footer at-row at-row__justify--between'>
        <View className='pay-money at-col at-col-3'>需支付：￥300</View>
        <View className='at-col at-col-4'><AtButton className='pay-btn'>支付</AtButton></View>  
      </View>
      </View>
    )
  }
}

